<template>

  <div class="function-drag-container">
    <el-card class="box-card">
      <div class="function-editor-container">
        <FunctionDrag :info="info" />
      </div>
    </el-card>

  </div>

</template>

<script>
import FunctionDrag from './components/FunctionDrag'
import { getInfo } from '@/api/site'

export default {
  name: 'FunctionCombination',
  components: { FunctionDrag },
  data() {
    return {
      info: {}
    }
  },
  created() {
    const siteId = this.$route.params && this.$route.params.id
    this.onInfo(siteId)
  },
  methods: {
    back() {
      this.$router.go(-1)
    },
    onInfo(siteId) {
      getInfo(siteId).then(res => {
        this.info = res.data
      })
    }
  }
}
</script>
<style>
  .function-editor-container{
    /*border:1px solid #ccc*/
  }
</style>
